body {
    padding: 0 !important;
    margin: 0 !important;
    width: 100vw;
    height: 100vh;
    font-size: 1rem;
    position: relative;
    /* cursor: url('../assets/icon.cur'), auto; */
}

.flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-end {
    justify-content: flex-end;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.text-center {
    text-align: center;
}

.flex-1 {
    flex: 1;
}

.reverse {
    transform: rotateY(180deg);
    /* 水平镜像翻转 */
}

.pt-01 {
    padding-top: 0.1rem;
}

.pt-02 {
    padding-top: 0.2rem;
}

.pt-03 {
    padding-top: 0.3rem;
}

.pt-04 {
    padding-top: 0.4rem;
}

.pt-05 {
    padding-top: 0.5rem;
}

.pt-1 {
    padding-top: 1rem;
}

.pb-01 {
    padding-bottom: 0.1rem;
}

.pb-02 {
    padding-bottom: 0.2rem;
}

.pb-03 {
    padding-bottom: 0.3rem;
}

.pb-04 {
    padding-bottom: 0.4rem;
}

.pb-05 {
    padding-bottom: 0.5rem;
}

.pb-1 {
    padding-bottom: 1rem;
}

.pl-05 {
    padding-left: 0.5rem;
}

.pl-1 {
    padding-left: 1rem;
}

.pr-05 {
    padding-right: 0.5rem;
}

.pr-1 {
    padding-right: 1rem;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-05 {
    margin-top: 0.5rem;
}

.mr-1 {
    margin-right: 1rem;
}

.mr-05 {
    margin-right: 0.5rem;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-05 {
    margin-left: 0.5rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-05 {
    margin-bottom: 0.5rem;
}

.white {
    color: white;
}

.w-100 {
    width: 100%;
}

.w-90 {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}